// 导航贴紧的分割线
.c-tit-fgx
  border-bottom 1px solid #efefef

// 头部欢迎语
.back-web
  background #F7F5F5
  height 36px
  line-height 36px
  display block
  position relative
  opacity 0.9
  font-size 0.8em
  .container
    margin-right auto
    margin-left auto
    &:before
      content " "
      display table
    &:after
      clear both
      content " "
      display table
  .pr
    position relative
    .close
      height 36px
      background url("./img/info.png") no-repeat left center
      cursor pointer
      position absolute
      right 0%
      top 0em
      z-index 1000
      padding-left 1.4em
      padding-right 1em
      span
        padding 0 0.4em
      .c-no-login  
        a
          color #2c7edc
      .c-has-login
        padding-left 0.6em
        a
          color #2c7edc 
  .back-link
    display block
    width 100%
    height 36px
    margin 0 auto
    span
      color #333
      padding-left 1em

.header
  height 90px
  .container
    margin-right auto
    margin-left auto
    &:before, &:after
      content " "
      display table
    &:after
      clear both

    .menu
      display none
      height 60px
      line-height 100%
      width 20px
      background url("./img/toggle.png") center center no-repeat
      cursor pointer
      border-right 1px solid #fff

    .right-area
      float right
      a
        text-decoration none
        color #333
      .clearfix:after
        clear both
      .clearfix:after
        content " "
        display table
      .search
        width 70px
        height 90px
        position relative
        float right
        a.btn-search
          display inline-block
          height 88px
          width 100%
          position relative
          z-index 999
          background url("./img/search.png") center no-repeat
        .c-search-active
          border-bottom 5px solid #ffa202
          background url("./img/close.png") center no-repeat !important
        .c-search-block
          display block !important
        .search-area
          display none
          background #f8f8f8
          height 27px
          padding 16px 0 16px 20px
          width 355px
          position absolute
          right 0px
          right -1px \9
          z-index 999
          bottom -60px
          box-shadow 2px 3px 3px rgba(7, 0, 2, 0.15)
          meta
            display none
          .bdcs-main *
            box-sizing content-box
            margin 0
            padding 0
            float none
            clear none
            overflow hidden
            white-space nowrap
            word-wrap normal
            border 0
            background 0 0
            width auto
            height auto
            max-width none
            min-width none
            max-height none
            min-height none
            border-radius 0
            box-shadow none
            transition none
            text-align left
          .bdcs-main
            overflow visible
          .bdcs-clearfix
            zoom 1
            .bdcs-search
              width 348px
              height 22px
              overflow visible
              border-color #ffffff
              border-radius 0px
              border-width 0px
              box-shadow none
              background-color none
              display block
              position relative
              border-style solid
            .bdcs-search-form-input
              color #666
              padding-left 5px
              width 280px
              font-size 14px
              margin-right 0px
              height 26px
              line-height 26px
              border-width 0px
              outline none
              background none
            .bdcs-search-form-submit
              position absolute
              top -2px
              right 12px
              width 30px !important
              height 30px !important
              border none
              background url('./img/search.png') no-repeat center
              font-size 0
              line-height 20px
              vertical-align top
              text-align center
              display inline-block
              cursor pointer
              border-radius 0px
              color #000

            .c-search-down
              font-size 13px
              text-align left
              position  absolute
              width  373px
              _height  30em
              max-height  30em
              background  white
              border  1px solid #ccc
              z-index  100
              overflow-y  auto
              padding-top  0
              margin-top  0
              left  -20px
              top 45px
              white-space nowrap
              -o-text-overflow ellipsis
              -o-text-overflow ellipsis
              text-overflow ellipsis
              overflow-x hidden
              overflow-y scroll
              dt
                height 30px
                line-height 30px
                background-color #faf0ec
                color #e77141
                padding-left 12px
              dd
                color #666
                padding 0
                margin 0
                height 24px
                line-height 24px
                a
                  color #666
                  font-size 12px
                  text-decoration none
                  display block
                  position relative
                  padding 0 10px
                  &:hover
                    color #0090C7
                    font-weight bold
                    background-color #d7eff8
                    text-decoration none

      .nav .layDiv
        position absolute
        width 100%
        height 100%
        left 0
        top 0
        z-index 55
        display none
        background url("./img/opbg.png")
    .logo
      min-width 234px
      height 90px
      line-height 100%
      float left
      background url("./img/logo_tw.png") left center no-repeat

  .snav
    display none
    li
      display list-item
      text-align -webkit-match-parent

.container
  margin-right auto
  margin-left auto
  &:before, &:after
    content " "
    display table
  .clearfix:after
    clear both
  
  .right-area
    float right

    .clearfix:before
      content " "
      display table
    .nav
      font-size 1.14em
      height 100%
      float right
      zoom 1
      position relative
    .nav > ul.main-nav
      text-align right
      position relative
      z-index 50
      li
        float left
        margin-bottom 5px
    .nav > ul > li
      height 85px
      line-height 88px
    .nav li.dropdown
      position relative

// 动画
.fade-enter-active, .fade-leave
  transition opacity .5s
.fade-enter, .fade-leave-active
  opacity 0

@media (min-width:1201px)
  .back-web
    .container
      max-width 1200px
    .back-link
      max-width 1200px
  .header .top
    max-width 1200px
    .nav > ul.main-nav > li > a
      display block
      font-size 16px
      padding 0 12px
      background-color #fff
      -webkit-transition all .3s ease
      transition all .3s ease
      box-sizing border-box
      &:hover
        color #ffa202
        // border-bottom 5px solid #ffa202
@media (max-width: 1200px) and (min-width: 801px)
  .back-web
    .container
      max-width 100%
      padding-right 10px
      box-sizing border-box
    .close
      padding-right 1em
    .back-link
      padding-left 1em
  .header
    height 85px
    .search
      height 85px
      a.btn-search
        height 80px
    .container
      width 100% !important
      max-width 100%
    .top
      padding 0 10px
      .nav > ul.main-nav
        text-align right
        position relative
        z-index 50
        li
          height 85px
          line-height 80px
          a
            display block
            font-size 16px
            padding 0 20px
            background-color #fff
            -webkit-transition all .3s ease
            transition all .3s ease
    .logo
      width 118px
      background-size contain
@media (max-width: 800px) and (min-width: 601px)
  .header
    height 60px
    .back-web
      .container
        max-width 100%
      .close
        padding-right 1em
      .back-link
        span
          padding-left 1em
    .container .right-area .search
      height 60px
      a.btn-search
        height 57px
      .search-area
        width 300px

    .top
      padding 0px
      width 100%
    .container
      max-width 100%
      .menu
        display block
        padding 0 20px
        float left
      .popup
        background-color #f8f8f8
        background-image url("./img/close.png")
      .nav
        display none
      .logo
        background url("./img/logo_small_tw.png") center center no-repeat
        width 160px
        height 60px
        float none
        content ''
        display block
        margin 0 auto
    .snav
      position absolute
      z-index 9999
      margin-top -30px
      box-shadow 2px 3px 3px rgba(7, 0, 2, 0.15)
      ul
        width 130px
        min-height 190px
        box-shadow 2px 3px 3px rgba(7, 0, 2, 0.15)
        li
          line-height 36px
          a
            display block
            padding-left 20px
            padding-right 1em
    .snav > ul
      background #f8f8f8
    .c-block
      display block
    .popup
      background-color #f8f8f8
      background-image url("./img/close.png")
@media (max-width: 600px) and (min-width: 320px)
  .back-web
    .container
      max-width 100%
    .close
      padding-right 0.6em
      background-image none !important
      .c-no-login
        .c-say-hello
          display none
    .back-link
      span
        padding-left 0.6em
  .header
    height 60px
    .search
      display none
      height 60px
      .search-area
        width 300px
        #bdcs-search-form-input
          height 30px
          line-height 30px
    .top
      padding 0px
      .menu
        width 20px
        display block
        padding 0 20px
        float left
      .popup
        background-color #f8f8f8
        background-image url("./img/close.png")
      .nav
        display none
      .logo
        background url("./img/logo_small_tw.png") center center no-repeat
        width 160px
        height 60px
        float none
        content ''
        display block
        margin 0 auto
    .snav
      position absolute
      z-index 9999
      margin-top -1px
      box-shadow 2px 3px 3px rgba(7, 0, 2, 0.15)
      ul
        width 130px
        min-height 190px
        box-shadow 2px 3px 3px rgba(7, 0, 2, 0.15)
        li
          line-height 36px
          a
            display block
            padding-left 20px
            padding-right 1em
    .snav > ul
      background #f8f8f8
    .c-block
      display block

.c-nav-active
  color #ffa202 !important
  border-bottom 3px solid #ffa202 !important